/* eslint-disable promise/param-names */
<template>
  <div class="info-container">
        <el-card style="height: 100%">
          <!-- <search-tool   @onSearch="handleSearch" :rowData ='sele' ></search-tool> -->
      <el-table
            v-loading="loading"
            :data="tableData"
            style="width: 100%"
             row-key="id"
        border
        :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
          >
        <el-table-column prop="title" label="权限名称" width="180"> </el-table-column>
        <el-table-column prop="name" label="权限表示" width="180"> </el-table-column>
        <el-table-column prop="description" label="权限描述"> </el-table-column>
        <!-- <el-table-column prop="createTime" label="创建时间" >
        </el-table-column>
        <el-table-column prop="updateTime" label="更新时间" ></el-table-column> -->
        <!-- <el-table-column label="操作"  width="180">
            <template #default="{ row }">
              <el-button type="text" size="small" @click="handleEdit(row)" style="color:#0052D9;">修改</el-button>
              <el-button type="text" size="small" @click="handleView(row)" style="color:#0052D9;">删除</el-button>
            </template>
         </el-table-column> -->

          </el-table>
      <!-- <el-pagination
        class="pagination"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="page"
        :page-sizes="[5, 10, 20]"
        :page-size="size"
        layout="prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>
        <AddDialog
      :title="title"
      :rowData="curRowData"
      v-model:visible="visibleViewDialog"
      :user ='sele'
      @onReload="reloadPage"
    ></AddDialog> -->
     </el-card>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { permissionList } from '@/api/permission'
import SearchTool from './components/SearchTool/index.vue'
import AddDialog from './components/AddDialog/index.vue'

import { ElMessage, ElMessageBox } from 'element-plus'
//数据相关
const tableData = ref([])
// const total = ref(0)
// const page = ref(1)
// const size = ref(10)
// const params = ref({})
// const loading = ref(false)
// const title = ref('新增角色')
// const value1 = ref()
// const sele = ref([])
// const curRowData = ref({})
// const visibleViewDialog = ref(false)
// 所属角色数据
// const role = async() => {
//  const res = await roleList()
//  sele.value = res
// }
// role()

const getListData = async (params) => {
  // loading.value = true
  const result = await permissionList()
  // loading.value = false
  tableData.value = result
  // total.value = result.total
}

// const reloadPage = () => {
//   getListData(params.value)
//   //  if (visibleViewDialog.value) {
//   //   visibleViewDialog.value = false
//   // }
// }

getListData()
//查询条件相关
// const handleSearch = (paramsData) => {
//   params.value = paramsData
//   getListData(paramsData)
// }

// // 分页相关
// /**
//  * size 改变触发
//  */
// const handleSizeChange = (currentSize) => {
//   size.value = currentSize
//   getListData(params.value)
// }

// /**
//  * 页码改变触发
//  */
// const handleCurrentChange = (currentPage) => {
//   page.value = currentPage
//   getListData(params.value)
// }

// // 新增用户
// const handleAdd = () => {
//  title.value = '新增权限'
//   visibleViewDialog.value = true
// }
// // 修改用户
// const handleEdit = (row) => {
//  title.value = '修改权限'
//   visibleViewDialog.value = true
//  curRowData.value = row
// }
// 刪除用戶
// const handleView = (row) => {
//   //  ElMessageBox.confirm(
//   //   '确定删除此用户吗？',
//   //   '操作',
//   //   {
//   //     confirmButtonText: '确认',
//   //     cancelButtonText: '取消',
//   //     type: 'warning',
//   //   }
//   // )
//   //   .then(async () => {
//   //     await deleuser(row.id)
//   //     .then(() => {
//   //       ElMessage({
//   //       type: 'success',
//   //       message: '删除成功!',
//   //     })
//   //     reloadPage()
//   //     })
//   //   })
//   //   .catch(() => {
//   //     return false
//   //   })
// }
</script>

<style lang="scss" scoped>
.info-container {
  width: 100%;
//    .btns {
//      position: relative;
//     width: 100%;
//     display: flex;
//     height: 40px;
//     align-items: center;
//     margin-bottom: 20px;
//     .add-btn {
//       width: 80px;
//       height: 36px;
//       font-size: 16px;
//       font-family: Microsoft YaHei;
//       color: #FFFFFF;
//       background-color: #547BF1;
//       box-sizing: border-box;
//       cursor: pointer;
//       border-radius: 5px;
//       border: 1px solid #547BF1;
//       box-shadow: 0px 0px 4px rgba(206, 206, 206, 0.3);
//       text-align: center;
//       line-height: 36px;
//       padding-left: 15px;
//       .svg-icon{
//         position: absolute;
//         top: 10px;
//         left: 10px;
//       }
//     }
//   }
//  .pagination {
//     width: 100%;
//     height: 32px;
//     margin-top: 10px;
//     display: flex;
//     align-items: center;
//     justify-content: end;
//   }
  }
</style>
